<!DOCTYPE html>
<html lang="en">
	<head>
        <!-- 不缓存 -->
  <!-- http 1.0 -->
  <meta http-equiv="pragma" content="no-cache" />
  <!-- http 1.1 -->
  <meta http-equiv="content-type" content="no-cache, must-revalidate" />
  <!-- http 1.0 -->
  <meta http-equiv="expires" content="Web, 22 Mar 2023 23:00:00 GMT" />

		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- 引入 Bootstrap CSS -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
		<script src="js/jquery.min.js"></script>
		<title>柳工5·28全球客户节/5.28 LiuGong Global Customer Day</title>

		<style>
			.nav-tabs {
				--bs-nav-tabs-border-width: 0 !important;

			}

			.nav-link {
				color: black;
			}

			.nav-link.active,
			.nav-link:focus {
				color: #183263 !important;
				font-weight: blod !important;
				background-color: transparent !important;
				text-decoration: none;
			}

			.orange-line {
				border-top: 3px solid #EC672A;
			}

			hr {
				margin-top: 10px;

				opacity: 12;
			}
			  .row>* {

       padding-right: 5px !important; 
        padding-left: 5px !important; 

   }
   .nav-link {
    padding-bottom: 0 !important;
    padding-right: 0 !important;
     padding-left: 0 !important; 
    
   }
			.card-body {
			 
			    padding-top: 7px;
				 padding-bottom: 4px;
			  
			}
			.p-1 {
			    padding: .15rem!important;
			}
		</style>
        
	</head>
	<body>

		<nav class="navbar navbar-expand-md navbar-dark" style="background-color: #183263;">
			<div class="container-fluid">
				<a class="navbar-brand" href="#"><img src="img/LiuGong-LOGO.png" alt="" width="160" height="30"></a>
				<!-- Nav items here -->
			</div>
		</nav>

		<p class="mt-3" style="padding-left: 10px; padding-right: 10px; v-align：center；">
			<span style="color: #EC672A;font-size: 22px;"><strong>&#124;</strong></span>
			<span style="font-weight: bold; font-size: 20px;">柳工5·28全球客户节</span>
			<br><span style="color: rgb(158, 151, 151); font-size: 14px; margin-left: 12px; ">5.28 LiuGong Global Customer Day</span>
		</p>

		<div class="container mt-1" style="overflow: hidden; border-radius: 1rem;">
			<div id="carouselExampleSlidesOnly" class="carousel slide" data-bs-ride="carousel">
				<div class="carousel-inner rounded-3">
					<div class="carousel-item active">
						<img src="img/banner.jpg" class="d-block w-100" alt="Slide 1">
					</div>

				</div>


			</div>
		</div>




		<div class="container-fluid">
			<ul class="nav nav-tabs nav-pills nav-fill row" role="tablist">
				<li class="nav-item col-3">
					<a class="nav-link" href="#p1" onclick="highlight(this)" data-bs-toggle="tab">新闻速递/News</a>
					<hr class="orange-line">
				</li>
				<li class="nav-item col-3">
					<a class="nav-link" href="#p2" onclick="highlight(this)" data-bs-toggle="tab">视频/Video</a>
					<hr class="orange-line d-none">
				</li>
			</ul>

			<div class="tab-content">
				<div id="p1" class="tab-pane fade active show">
					<div class="row">

						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/npDtUb_vpf9udoPZF9Xaww" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>感谢信</strong></p>
									<p style="color: gray; font-size: 14px;">Thank-you Letter</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/npDtUb_vpf9udoPZF9Xaww"><img src="img/news/0531.jpg" alt="" width="100%"></a>
							</div>
						</div>	


						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/GLTlO6OIfP28qDZfRtU2-A" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>柳工全球客户节：65载奋斗华章，延伸人类力量</strong></p>
									<p style="color: gray; font-size: 14px;">LiuGong Held the 3rd Global Customer Day</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/GLTlO6OIfP28qDZfRtU2-A"><img src="img/news/0529.jpg" alt="" width="100%"></a>
							</div>
						</div>	


						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/P6VFX9uqvHIDAwSBPgPH8Q" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>倒数1天 | 柳工全球客户节抢先看！</strong></p>
									<p style="color: gray; font-size: 14px;">LiuGong Global Customers, See You Tomorrow!</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/P6VFX9uqvHIDAwSBPgPH8Q"><img src="img/news/0527.jpg" alt="" width="100%"></a>
							</div>
						</div>		


						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/sU_YCERkR9USXFdfrDiv6A" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>全球客户节，客户最“墨”契！</strong></p>
									<p style="color: gray; font-size: 14px;">LiuGong Global Customers, We Are Listening!</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/sU_YCERkR9USXFdfrDiv6A"><img src="img/news/0526.jpg" alt="" width="100%"></a>
							</div>
						</div>			


						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/_58Ou6qzUgrx-F-BPzR6Pg" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>还有3天 | 新品将发布，听说很绿色！</strong></p>
									<p style="color: gray; font-size: 14px;">3 Days to Go! Check the New Product Teaser</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/_58Ou6qzUgrx-F-BPzR6Pg"><img src="img/news/0525.png" alt="" width="100%"></a>
							</div>
						</div>						

						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/7DOy5vZ-qcanCPYjgz_bRA" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>全球客户节，客户很骄“澳”！</strong></p>
									<p style="color: gray; font-size: 14px;">LiuGong Global Customers, We Are Listening！</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/7DOy5vZ-qcanCPYjgz_bRA"><img src="img/news/0523.jpg" alt="" width="100%"></a>
							</div>
						</div>


						<div class="col-8" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="height: ;">
								<a href="https://mp.weixin.qq.com/s/7cSXaL17FdC6RQtmFd4dow" style="color: black; text-decoration: none;">
									<p style="font-size: 15px;"><strong>全球客户节，客户来“印”证！</strong></p>
									<p style="color: gray; font-size: 14px;">LiuGong Global Customers, We Are Listening！</p>
								</a>
							</div>
						</div>

						<div class="col-4" style="border-bottom: 1px gainsboro solid;">
							<div class="mt-2 p-2  rounded" style="padding-right: 20px; height: ;">
								<a href="https://mp.weixin.qq.com/s/7cSXaL17FdC6RQtmFd4dow"><img src="img/news/0519.png" alt="" width="100%"></a>
							</div>
						</div>










					</div>
				</div>


				<div id="p2" class="tab-pane fade ">
					<div class="row p-2" data-masonry='{"percentPosition": true }'>

						<div class="col-6 p-1">
							<div class="card">
								<a href="https://b23.tv/oDRWf0i"><img src="img/video/0519.png" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>全球客户节，客户来“印”证！</b></p>
									<p class="card-title" style="font-size: xx-small;">LiuGong Global Customers, Are You Ready?</p>
								</div>

							</div>
						</div>


						<div class="col-6 p-1">
							<div class="card">
								<a href="https://www.bilibili.com/video/BV1fo4y1G714/"><img src="img/video/0523.jpg" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>全球客户节，客户很骄“澳”！</b></p>
									<p class="card-title" style="font-size: xx-small;">LiuGong Global Customers, We Are Listening！</p>
								</div>

							</div>
						</div>

						<div class="col-6 p-1">
							<div class="card">
								<a href="https://www.bilibili.com/video/BV1mP41197hF/"><img src="img/video/05251.jpg" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>倒计时3天！新品即将发布，听说很绿色！</b></p>
									<p class="card-title" style="font-size: xx-small;">3 Days to Go! Check the New Product Teaser</p>
								</div>

							</div>
						</div>

						<div class="col-6 p-1">
							<div class="card">
								<a href="https://www.bilibili.com/video/BV1iV4y1B74Q/"><img src="img/video/0526.jpg" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>全球客户节，客户最“墨”契！</b></p>
									<p class="card-title" style="font-size: xx-small;">LiuGong Global Customers, We Are Listening!</p>
								</div>

							</div>
						</div>

						<div class="col-6 p-1">
							<div class="card">
								<a href="https://www.bilibili.com/video/BV1oc411A7nr/"><img src="img/video/0527.jpg" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>倒数1天 | 柳工全球客户节抢先看！</b></p>
									<p class="card-title" style="font-size: xx-small;">LiuGong Global Customers, See You Tomorrow!</p>
								</div>

							</div>
						</div>

						<div class="col-6 p-1">
							<div class="card">
								<a href="https://www.bilibili.com/video/BV1es4y1T73i/"><img src="img/video/0529.jpg" alt="" width="100%"></a>
								<div class="card-body">
									<p class="card-title" style="font-size: xx-small;"><b>柳工全球客户节：65载奋斗华章，延伸人类力量</b></p>
									<p class="card-title" style="font-size: xx-small;">LiuGong Held the 3rd Global Customer Day</p>
								</div>

							</div>
						</div>



					</div>
							</div>
						</div>
					</div>
				</div>
				<div id="p4" class="tab-pane fade">
					<div class="row p-2" data-masonry='{"percentPosition": true }'>
						
						
					</div>
					</div>


					<div id="p3" class="tab-pane fade">
						<div class="row">





					</div>
				</div>
			</div>

			<!-- 引入 Bootstrap JS -->

	</body>
</html>
<script>
  function highlight(element) {
    // 移除所有选项的active类和橙色横线
    const navLinks = document.querySelectorAll('.nav-link');
    navLinks.forEach(link => {
      link.classList.remove('active');
      link.nextElementSibling.classList.add('d-none');
    });

    // 添加active类和橙色横线到当前选项
    element.classList.add('active');
    element.nextElementSibling.classList.remove('d-none');

    // 检查选项卡ID并执行相应操作
    if (element.getAttribute('href') === '#p3') {
      // 跳转到指定的URL
      window.location.href = '';
    }
  }

  // 初始化页面时点击第一个选项卡
  document.querySelector('body > div.container-fluid > ul > li:nth-child(1) > a').click();
</script>


